@charset "utf-8";
@import "_var";
/******************css 组件 **************/

//css 定义的三角形
@mixin triangle($size,$direction:right,$border-width: 1px,$border-color: #666) {
  @include inline-block;width: $size;height: $size;border: $border-width solid;border-color: $border-color $border-color transparent transparent;
  @if $direction==right {
    @include rotate(45deg)
  }@else if $direction==bottom {
    @include rotate(135deg)
  }@else if $direction==left {
    @include rotate(-135deg)
  }@else {
    @include rotate(-45deg)
  }
}


// col 布局
@mixin col($x) {float: left;width: (100%/$x);}




